<template>
    <div class="address">
        <mt-index-list>
            <mt-index-section v-for="(groud,index) in address" :index="groud.index" :key="index">
                <mt-cell v-for="name in groud.name" :title="name" @click.native="gett(name)" ></mt-cell>
            </mt-index-section>
        </mt-index-list>
    </div>
</template>

<script>
    import '@/css/adres.css';
    export default {
        name: "adres",
        data(){
            return{
                address:[
                    {index:'A',name:['a1','a2','a3']},
                    {index:'B',name:['B1','B2','B3']},
                ]
            }
        },
        methods:{
            gett(name){
                this.$store.commit('updataCity',name)
                this.$router.push({
                    name: 'list',
                })

            }
        },

    }
</script>

<style scoped>

</style>
